<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
      
	<h:head>
		<title>SIA Administration Panel</title>
		<link rel="shortcut icon" href="#{resource['images/web/favicon.ico']}" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../resources/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../resources/css/login.css"/>
		<script type="text/javascript" language="javascript" src="../resources/js/jquery.min.js"></script>
		<script type="text/javascript" language="javascript" src="../resources/js/bootstrap.js"></script>
	</h:head>
		
	<h:body>
		<div class="container" style="margin-top:40px">
			<div class="row">
				<br/><br/><br/>
				<div class="col-sm-6 col-md-4 col-md-offset-4">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<strong> Sign in to administrator panel</strong>
						</div>
						<div class="panel-body">
							<h:form>
								<ui:include src="/templates/message.xhtml" />
								<fieldset>
									<div class="row">
										<div class="center-block">
											<h:graphicImage value="/resources/images/login-icon.png" styleClass="profile-img"/>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12 col-md-10  col-md-offset-1 ">
											<div class="form-group">
												<div class="input-group">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-user"></i>
													</span>
													<h:inputText id="username" binding="#{loginAdmin.txtusername}" p:placeholder="Username" styleClass="form-control"/>
												</div>
											</div>
											<div class="form-group">
												<div class="input-group">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-lock"></i>
													</span>
													<h:inputSecret id="password" binding="#{loginAdmin.txtpassword}" p:placeholder="Password" styleClass="form-control"/>
												</div>
											</div>
											<div class="form-group">
												<h:commandButton action="#{loginAdmin.loginAction()}" value="Sign in" styleClass="btn btn-lg btn-primary btn-block"/>
											</div>
										</div>
									</div>
								</fieldset>
							</h:form>
						</div>
	                </div>
				</div>
			</div>
		</div>
	</h:body>
</html>